<style>
ul.KomitentPreporukeList{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
ul.KomitentPreporukeList li{
	margin:0px 0px 10px 0px;
	padding:5px;
	border-width:1px;
	border-style:solid;
	float:left;
	clear:both;
	width:97%;
}
ul.KomitentPreporukeList li input[type=button]{
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
	margin:0px 0px 0px 5px;
	padding:0px;
}
ul.KomitentPreporukeList li input[type=button].add{background:url(gui/icons/new.gif) no-repeat center center;}
ul.KomitentPreporukeList li input[type=button].edit{background:url(gui/icons/edit.gif) no-repeat center center;}
ul.KomitentPreporukeList li input[type=button].delete{background:url(gui/icons/delete.gif) no-repeat center center;}
ul.KomitentPreporukeList li.nonactive{
	float:left;
	-moz-opacity:0.2;
	background:url(gui/icons/nonactive.gif) no-repeat 5px 35px;
}
ul.KomitentPreporukeList li.nonactive:hover{
	-moz-opacity:0.5;
}
ul.KomitentPreporukeList li h1{
	display:block;
	float:left;
	font-family:"Trebuchet MS", Arial;
	font-size:16px;
	margin:0px;
	padding:0px 0px 0px 34px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
ul.KomitentPreporukeList li .prepActions{
	float:right;
}
ul.KomitentPreporukeList li h1 .prepTema{
	display:block;
	float:left;
	clear:both;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
ul.KomitentPreporukeList li p{
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
	font-style:italic;
	margin:0px 0px 5px 0px;
}
ul.KomitentPreporukeList li p.prepText{
	margin:5px 0px 0px 30px;
}
ul.KomitentPreporukeList li p.prepSign{
	text-align:right;
	font-weight:bolder;
	margin-bottom:0px;
	padding-bottom:0px;
}
ul.KomitentPreporukeList li p.prepMesto,
ul.KomitentPreporukeList li p.prepAdresa,
ul.KomitentPreporukeList li p.prepEmail,
ul.KomitentPreporukeList li p.prepTel{
	display:none;
}
ul.KomitentPreporukeList li p.prepDate{
	font-size:10px;
	text-align:right;
	margin-top:0px;
	padding-top:0px;
}

ul.KomitentPreporukeList li .prepComments{
	border-top-width:1px;
	border-top-style:solid;
	clear:both;
}
ul.KomitentPreporukeList li .prepComments span.switch{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	font-weight:bolder;
	float:left;
}
ul.KomitentPreporukeList li .prepComments span.switch:hover{
	text-decoration:underline;
}
ul.KomitentPreporukeList li .prepComments span.commentActions{
	float:right;
}
ul.KomitentPreporukeList li .prepComments span.commentActions input{
	width:20px;
	height:20px;
	border:none;
	background:none;
	background-repeat:no-repeat;
	background-position:center center;
	margin:0px 0px 0px 2px;
	padding:0px;
	cursor:pointer;
}
ul.KomitentPreporukeList li .prepComments span.commentActions input.add{background-image:url(gui/icons/new.gif)}
ul.KomitentPreporukeList li .prepComments span.commentActions input.edit{background-image:url(gui/icons/edit.gif)}
ul.KomitentPreporukeList li .prepComments span.commentActions input.delete{background-image:url(gui/icons/delete.gif)}
ul.KomitentPreporukeList li .prepComments ul{
	color:#000;
	list-style:none;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	display:none;
}
ul.KomitentPreporukeList li .prepComments ul li{
	width:90%;
	border:none;
	background:url(gui/comments_list.gif) no-repeat 0px 0px;
	margin:0px;
	padding:0px 0px 0px 23px;
}
ul.KomitentPreporukeList li .prepComments ul li>span{
	margin:0px;
	padding:0px 0px 0px 0px;
}
ul.KomitentPreporukeList li .prepComments ul li .nonactive,
ul.KomitentPreporukeList li .prepComments ul li .nonactive *{
	-moz-opacity:0.5;
}
ul.KomitentPreporukeList li .prepComments ul li:hover .nonactive,
ul.KomitentPreporukeList li .prepComments ul li:hover .nonactive *,
ul.KomitentPreporukeList li .prepComments ul li .nonactive:hover,
ul.KomitentPreporukeList li .prepComments ul li .nonactive:hover *{
	-moz-opacity:1;
}
ul.KomitentPreporukeList li .prepComments ul li.last:hover,
ul.KomitentPreporukeList li .prepComments ul li:hover{
	background-color:#fff;
}
ul.KomitentPreporukeList li .prepComments ul li>*{
	margin-left:10px;
}
ul.KomitentPreporukeList li .prepComments ul li.last{
	background:url(gui/comments_list_last.gif) no-repeat 0px 0px;
}
ul.KomitentPreporukeList li .prepComments ul li p{
	margin:0px;
	padding:2px;
}
ul.KomitentPreporukeList li .prepComments ul li .commActions{
	float:right;
}
ul.KomitentPreporukeList li .prepComments ul li .commDate{
	float:right;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	-moz-opacity:0.5;
}
ul.KomitentPreporukeList li .prepComments ul li .commText{
	font-family:"Trebuchet MS", Arial;
	font-style:italic;
	font-size:12px;
	margin-left:12px;
}
ul.KomitentPreporukeList li .prepComments ul li.last p.commSign,
ul.KomitentPreporukeList li .prepComments ul li p.commSign{
	font-size:11px;
	padding-left:10px;
	text-align:right;
}
ul.KomitentPreporukeList li .prepComments ul li.last p.commDate,
ul.KomitentPreporukeList li .prepComments ul li p.commDate{
	font-size:10px;
	margin:0px;
	text-align:right;
}
</style>
{{$edit_form}}
{{$edit_comm_form}}
<ul class="KomitentPreporukeList">
	{{%loop start prep_id}}
	<li class="{{$kontrola}}" style="{{$style_li}};" komid="{{$prep_kom_id}}" komname="{{$prep_kom_name}}">
		<input type="hidden" name="tip_preporuke" value="{{$tip}}" />
		<input type="hidden" name="tema_preporuke" value="{{$tema_id}}" />
		<input type="hidden" name="kontrola" value="{{$kontrola1}}" />
		<input type="hidden" name="komdels" value="{{$komdels}}" />
		{{$admin_comment_start}}
		<span class="prepActions" style="{{$style_date}}">
			<input onclick="preporukaEdit(this,'{{$prep_id}}','{{$prep_del_id}}')" type="button" class="edit" value="" title="izmeni preporuku..." />
			<input onclick="if(confirm('Potvrdite brisanje preporuke? Obrisaćete i komentare.')){LoadRSDoc('preporuke.php?a=delPrep&id={{$prep_id}}','afterEditDelPrep(\'{{$prep_kom_id}}\')')}" type="button" class="delete" value="" title="obriši preporuku..." />
		</span>
		{{$admin_comment_end}}
		
		<h1 style="{{$style_h1}}">
			{{$naslov}}
			<span class="prepTema"><strong>Tema: </strong>{{$tema}}</span>
		</h1>
		<br clear="all" />
		<p class="prepText">{{$text}}</p>
		<p class="prepSign" style="{{$style_sign}}">{{$posiljalac}}</p>
		<p class="prepDate" style="{{$style_date}}">{{$datum}}</p>
		<p class="prepMesto">{{$mesto}}</p>
		<p class="prepAdresa">{{$adresa}}</p>
		<p class="prepEmail">{{$email}}</p>
		<p class="prepTel">{{$telefon}}</p>
		
		<!-- kometari -->
		<div class="prepComments" style="{{$style_comm}}">
			{{$admin_comment_start}}
				<span class="commentActions">
				<input class="add" type="button" value="" title="dodaj komentar..." onclick="commentNew(this,'{{$prep_id}}')" />
				</span>
			{{$admin_comment_end}}
			<span class="switch" onclick="switchKomentari(this)">komentari ({{$comm_num}})</span><br clear="all" />
			<ul class="prepCommentsData">
				{{$prepComments}}
			</ul>
		</div>
	</li>
	{{%loop end}}
</ul>